<!--
DOCTYPE  doc  document  type html
语义化  声明
html 文件格式
<html> html格式必有的标签
<head>
<meta charset="UTF-8"> 定义编码

<body> <body> 与 </body> 之间的文本是可见的页面内容

-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--    标题作用：显示标签栏 用于广告，用户客户记住 用于写关键字 用于爬虫
      用于百度指数  百度收录-->
    <meta id="viewport" name="viewport"
          content="width=device-width;
          initial-scale=1.0;
          maximum-scale=1;
          user-scalable=no;">
    <meta name="Keywords" content="万息餐饮,买一赠一">
    <Meta name="Description" Content="星语餐饮有限公司创建于1997年，公司总部位于全国卫生城市--南京市。(位于中国 “黄金水道”一
-长江下游南岸江苏省境内，处于中国沿江及沿海两大经济带的
交汇处，上海、南京苏州、无锡等大中城市环列四周，距上海98公里、苏州58公里、无锡40公里、常州70公里、 南通 30公里、南京200公里， 距虹桥机场98公里，浦东机
场150公里，南京禄口机场200公里。)
">
    <title>买一赠一万息特色餐饮-</title>
    <!--    包名命名规则   全部小写，如果有两个单词  就应该单独新建一个包-->
</head>
<style>
    div {
        border-style: inset;
        border-width: 1px;
    }
</style>
<body>
<!-- <h1> - <h6> 对于这些标签是对div的封装，重新定义-->
<div title="我是'中国人'">我是'中国人'</div>
<h1 title="我是'中国人'">我是'中国人'</h1>
<div></div>
<!--注释-->
<hr>
<p>这是段落。</p>
<!--css拿到div的几种方式？选择器的利用-->
<p style="text-indent: -2em">这是段落。</p>
<p>这是段落。</p>
<!--写什么？
这里面还可以写那些标签？-->
<div style="background-image: url('../img/11_bo39.jpg');height: 300px;width: 300px;opacity: 0.1">
    <div style="height: 200px;width: 200px;background: rgba(255,255,255,1);background-image: url('../img/21_ttlm.jpg');">
        <div>fdsadfa</div>
    </div>
</div>
</body>
</html>